@media (max-width: 1587px) {
    /*pc-head*/
    .pc-head ul li {
        margin-left: 40px;
    }

    .pc-banner {
        height: auto;
    }

    .index-video {
        object-fit: contain;
        height: auto;
    }
    .about-top-right {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width: 1440px) {
    .global, .in-contact, .join, .in-news, .news-show, .pro-show, .in-solution, .video {
        padding: 160px 0 100px;
    }

    .swiper-container5 .swiper-num {
        margin-left: 75%;
    }

    .solution-show .container {
        padding: 160px 15px 100px;
    }

    .solution-main > div .right i, .solution-main > div .right p:nth-child(2), .solution-main > div .right p:nth-child(3) {
        margin-bottom: 25px;
    }

    .xg-news {
        padding-top: 100px;
    }

    .jp-case {
        padding: 100px 0;
    }

    .global .container .left > p:nth-child(1) {
        font-size: 36px;
    }

    .pc-head div > div:nth-child(1) {
        width: 150px;
    }

    .indexhead ul {
        width: calc(100% - 300px);
        justify-content: left;
        padding-left: 50px;
    }

    .pc-head form {
        width: 150px;
        justify-content: flex-end;
    }

    .pc-head form input {
        width: 150px;
    }

    .indexhead {
        padding: 45px 100px;
    }

    .about-title {
        margin-bottom: 15px;
    }

    .about-title p:nth-child(2) {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .in-about {
        padding: 120px 0;
    }
    .about-top-right {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1359px) {
    .news-div .right p:nth-child(1) {
        font-size: 20px;
    }

    .news-div .right {
        width: 65%;
        padding: 0;
        padding-left: 40px;
    }

    .news-div .left {
        width: 35%;
    }

    .copyright {
        margin-top: 60px;
    }

    .contact-left {
        padding: 100px 0;
    }

    .contact-right {
        padding: 100px 0 100px 100px;
    }

    .product-sm-box .content p {
        max-width: 300px;
    }

    .product-box {
        margin-left: 90px;
    }

    .about-bottom .swiper-container2 .swiper-slide div {
        padding: 50px 0 0 60px;
    }

    .about-bottom .swiper-button-next2, .about-bottom .swiper-button-prev2 {
        bottom: 50px;
    }

    .head {
        padding: 25px 0;
    }

}

@media (max-width: 1347px) {
    /*pc-head*/
    .pc-head ul li {
        margin-left: 30px;
    }
}

@media (max-width: 1300px) {
    .product-content{
        margin-top: 50px;
    }
    .swiper-container-pro .swiper-slide p{
        font-size: 18px;
    }
    .global, .in-contact, .join, .in-news, .news-show, .pro-show, .in-solution, .video {
        padding: 120px 0;
    }

    .solution-show .container {
        padding: 120px 15px;
    }

    .news-page {
        margin-bottom: 100px;
    }

    .news-showtitle {
        margin-bottom: 50px;
    }

    .news-showtitle p:nth-child(1), .xg-title p:nth-child(2) {
        font-size: 30px;
    }

    .join-title p:nth-child(2) {
        font-size: 30px;
    }

    .join-title p:nth-child(1) {
        line-height: 30px;
    }

    .fuli {
        margin-bottom: 50px;
    }

    .global .container .left {
        padding-right: 100px;
    }

    .in-about2 {
        margin-top: 80px;
        padding-bottom: 80px;
    }

    .linian {
        margin-top: -80px;
        margin-bottom: 80px;
    }

    .honor, .in-about {
        padding: 80px 0;
    }

    .in-about .container .right > p {
        font-size: 14px;
        line-height: 28px;
    }

}

@media (max-width: 1291px) {
    .swiper-container5 .swiper-num {
        margin-left: 505px;
    }
    .about-top-right {
        padding-left: 50px;
        padding-right: 50px;
    } 
}

@media (max-width: 1259px) {
    .solution-main > div .right p:after {
        font-size: 100px !important;
    }

    .solution-main > div .right i {
        font-size: 40px;
    }

    .solution-main > div .right p:nth-child(2) {
        font-size: 30px;
    }

    .solution-main > div .right p:nth-child(3) {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .honor-tab2 div p:nth-child(1) {
        font-size: 40px;
    }

    .in-about .container .left {
        width: 50%;
    }

    .in-about .container .right {
        width: 50%;
        padding-right: 0;
        padding-left: 25px;
    }

    .about-top-left {
        padding-top: 100px;
    }

    .solution, .product, .product-content, .about-bottom {
        margin-top: 100px;
    }

    .case {
        margin-top: 100px;
    }

    .product-sm-nav {
        width: 100%;
        min-height: 150px;
        margin: 0;
    }

    .product-sm-nav img {
        width: 50%;
    }

    .product-nav > div {
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
    }

    .product-nav > div:last-child {
        margin-right: 0;
    }

    .product-nav {
        width: 100%;
        display: flex;
    }

    .product-content {
        flex-wrap: wrap;
    }

    .pc-head ul li {
        margin-left: 20px;
    }

    .title-style2 p:last-child {
        max-width: 650px;
    }

    .about-bottom .swiper-button-next2, .about-bottom .swiper-button-prev2 {
        bottom: 15px;
    }

    .product-sm-nav {
        display: inline-block;
        margin-right: 40px;
    }

    .product-box {
        margin-left: 0;
        margin-top: 100px;
    }

    .product-sm-box .content p {
        max-width: 350px;
    }

    .swiper-container4 .swiper-slide {
        padding-right: 30px;
    }

    .swiper-container4 {
        padding-bottom: 55px;
    }

    .pc-foot-box ul:first-child li {
        margin-left: 20px;
    }

    .swiper-container5 .swiper-num {
        margin-left: 400px;
    }

    .case-top-right .content {
        margin-top: 100px;
    }
}

@media (max-width: 1200px) {
    .pc-head ul li div a {
        font-size: 14px;
    }

    .global, .in-contact, .join, .in-news, .news-show, .pro-show, .in-solution, .video {
        padding: 100px 0;
    }

    .solution-show .container {
        padding: 100px 15px;
    }

    .in-product {
        padding: 80px 0;
    }

    .xg-news {
        padding-top: 80px;
    }

    .news-page {
        margin-bottom: 80px;
    }

    .global .right div img {
        width: 200%;
    }

    .pc-head ul {
        padding-left: 0;
    }

    .in-banner .container p:nth-child(1) {
        font-size: 24px;
    }

    .in-banner .container {
        padding-top: 20px;
    }

    .in-banner .container span {
        width: auto;
        padding-top: 0;
        left: 5%;
    }

    .in-banner .container p:nth-child(2) {
        margin-bottom: 70px;
    }

    .in-banner .container i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    @keyframes qwe {
        0% {
            line-height: 40px;
        }
        100% {
            line-height: 60px;
        }
    }

}

@media (max-width: 1026px) {
    .pc-head ul li {
        margin-left: 15px;
    }

    .about-top-right {
        padding: 125px 0 200px 60px;
    }
}

@media (max-width: 991px) {
    .swiper-container-pro .swiper-slide p{
        font-size: 16px;
        margin-bottom: 25px;
    }
    .swiper-container-pro .swiper-slide img{
        width: 85%;
        margin: 25px auto;
    }
    .swiper-container-pro .swiper-slide a{
        width: 120px;
        height: 40px;
        line-height: 39px;
        font-size: 14px;
    }
    .global, .jp-case, .in-contact, .join, .in-news, .news-show, .in-product, .in-product, .pro-show, .in-solution, .video {
        padding: 80px 0;
    }

    .footer2 {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        z-index: 99999;
        font-size: 16px;
        align-items: center;
    }

    .footer2 a:nth-child(1) {
        width: 50%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        background: #de0214;
        display: block;
        transition: .4s;
    }

    .footer2 a:nth-child(2) {
        width: 50%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        background: #000;
        display: block;
        transition: .4s;
        border-left: 1px solid #fff;
    }

    .footer2 a img {
        width: 16px;
        margin-right: 10px;
        margin-top: -2px;
    }

    .case-top {
        flex-wrap: wrap;
    }

    .video-div {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
    }

    .video-div div {
        margin-bottom: 15px;
    }

    .video-div a {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .video-div a:hover {
        padding-left: 25px;
    }

    .fa-main {
        margin-bottom: 50px;
    }

    .solution-show .container {
        padding: 80px 15px;
    }

    .solution-main > div {
        margin-bottom: 80px;
    }

    .solution-main > div .right {
        padding-left: 25px;
    }

    .solution-main > div .right p:nth-child(2) {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .solution-main > div .right i {
        margin-bottom: 20px;
    }

    .solution-main > div .right p:nth-child(3) {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .pro-show2 img {
        width: 100%;
    }

    .pro-tab a {
        margin-left: 15px;
    }

    .pro-main div a {
        width: 120px;
        height: 40px;
        line-height: 39px;
        font-size: 14px;
    }

    .xg-news {
        margin-top: 25px;
    }

    .xg-div div a p:nth-child(1) {
        font-size: 18px;
    }

    .xg-div div {
        margin-bottom: 25px;
    }

    .xg-news {
        padding-top: 25px;
    }

    .xg-div div a p:nth-child(2) {
        font-size: 16px;
    }

    .news-page {
        margin-bottom: 25px;
    }

    .news-showtitle {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .news-showtitle p:nth-child(1), .xg-title p:nth-child(2) {
        font-size: 24px;
        line-height: 30px;
    }

    .news-div .right p:nth-child(3) {
        padding-bottom: 10px;
    }

    .news-div .right p:nth-child(2) {
        min-height: auto;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-div .left {
        width: 40%;
    }

    .news-div .right {
        width: 60%;
    }

    .join-title p:nth-child(2) {
        font-size: 28px;
    }

    .fuli-div p {
        padding: 15px 0;
        font-size: 14px;
    }

    .contact-div div:last-child {
        margin-bottom: 0;
    }

    .in-contact .container {
        display: flex;
        flex-direction: column-reverse;
    }

    .my-map {
        width: 100%;
        height: 500px;
    }

    .contact-info {
        position: relative;
        top: 0;
        margin-bottom: 50px;
        padding: 60px 45px;
        transform: translate(0, 0);
    }

    .houjia div {
        width: calc((100% - 15px) / 2);
        text-align: center;
        margin-top: 25px;
    }

    .jp-case .container > p {
        font-size: 24px;
    }

    .global .container .left > p:nth-child(1), .global .container .left > p:nth-child(2) {
        margin-bottom: 25px;
    }

    .jp-caseanli > a:nth-child(4n) {
        margin-right: 0;
    }

    .jp-caseanli > a {
        width: calc((100% - 45px) / 4);
        margin-right: 15px;
    }

    .global .container .right {
        width: 100%;
    }

    .global .container {
        flex-wrap: wrap;
    }

    .global .container .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 25px;
    }

    .mobile-foot-box p {
        font-size: 14px;
    }

    .mobile-foot {
        background: #f1f3f5;
    }

    .in-about .container .right {
        padding-left: 0;
    }

    .linian div i {
        font-size: 75px;
    }

    .in-banner .container p:nth-child(1) {
        font-size: 30px;
    }

    .in-banner .container span img {
        height: 100%;
    }

    .in-banner .container span {
        width: auto;
        padding: 0;
        height: 60%;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0);
        box-shadow: none;
    }

    .in-banner .container p:nth-child(2) {
        margin-bottom: 0;
    }

    .swiper-honor .swiper-slide p {
        font-size: 18px;
        margin-top: 15px;
    }

    .swiper-honor .swiper-slide {
        padding: 15px 35px;
        min-height: 250px;
    }

    .honor-tab {
        margin-bottom: 50px;
    }

    .honor-tab2 div {
        margin-right: 50px;
    }

    .in-about2 .container > p:nth-child(2) {
        font-size: 24px;
    }

    .linian div > p:nth-child(2) {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .linian div > p:nth-child(3) {
        font-size: 14px;
    }

    .linian div {
        padding: 0 25px;
    }

    .in-about {
        padding: 60px 0;
    }

    .honor {
        padding: 60px 0 0;
    }

    .in-about .container .right {
        width: 100%;
        margin-top: 25px;
    }

    .in-about .container .left img {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .in-about .container {
        flex-wrap: wrap;
        background-position: bottom 0 left 50%;
        background-size: 50% auto;
        padding-top: 0;
    }

    .in-about .container .left {
        width: 100%;
    }

    .in-banner .container i {
        display: none;
    }

    .in-banner .container {
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 50px 15px;
    }

    .swiper-container3 .case-swiper-boxc .text p {
        font-size: 14px;
        line-height: 25px;
    }

    .swiper-container3 .case-swiper-boxc .text span {
        font-size: 24px;
    }

    .i3 .bg {
        height: 600px;
    }

    .solution-bottom {
        margin-top: 50px;
    }

    .product-sm-box .content span:first-child {
        font-size: 24px;
    }

    .button {
        padding: 15px 20px;
        font-size: 14px;
    }

    .title-style2 div:first-child span {
        font-size: 24px;
    }

    .about-top-right ul li div {
        font-size: 35px;
    }

    .about-top-left .content p {
        max-width: 60%;
    }

    .about-bottom .swiper-button-next2 {
        right: 30px;
        left: auto;
    }

    .about-bottom .swiper-button-prev2 {
        right: 80px;
        left: auto;
    }

    .about-bottom {
        margin-top: 120px;
    }

    .about-bottom .swiper-container2 .swiper-slide div {
        padding: 35px 0 0 60px;
    }

    .title-style2 div:nth-child(2) {
        margin-left: 30px;
    }

    .title-style2 p:last-child {
        margin-left: 30px;
        max-width: 500px;
        font-size: 14px;
    }

    .product-sm-box img {
        width: 50%;
        margin-top: 80px;
    }

    .product-sm-box .content {
        margin-left: 30px;
    }

    .product-sm-box .content p {
        max-width: 325px;
    }

    .product-box {
        margin-top: 50px;
    }

    .about-top-left .content a {
        margin-top: 50px;
    }

    .swiper-container4 .swiper-slide span {
        font-size: 24px;
    }

    .pc-foot {
        display: none;
    }

    .contact {
        display: none;
    }

    .the-divider {
        display: none;
    }

    .mobile-foot {
        display: block;
        margin-bottom: 50px;
    }

    .pc-head {
        display: none;
    }

    .about-top-right {
        padding: 70px 30px 100px;
    }

    .case .about-top-left {
        width: 100%;
        margin-bottom: 25px;
    }

    .global .right {
        width: 100%;
    }

    .about-bottom {
        margin-top: 50px;
    }

    .product {
        margin-top: 70px;
    }

    .product-content {
        margin-top: 50px;
    }

    .solution {
        margin-top: 70px;
    }

    .solution .solution-content {
        top: 70px;
    }

    .case {
        margin-top: 30px;
    }

    .title-style1 div {
        margin-top: 30px;
    }

    .about-top-left .content {
        margin-top: 30px;
    }

    .case-swiper {
        margin-top: 70px;
    }

    .swiper-container3 .case-swiper-boxc .text:after {
        display: none;
    }

    .swiper-container3 .case-swiper-boxc .text {
        margin-top: 30px;
        margin-left: 0;
    }

    .news {
        margin-top: 70px;
        padding-bottom: 70px;
    }

    .news .about-top-left {
        padding-top: 70px;
    }

    .news .news-left, .news .news-right {
        width: 100%;
    }

    .news-right {
        transform: none;
        position: relative;
    }

    .swiper-container5 .swiper-num {
        margin-left: 13%;
        margin-bottom: 20px;
    }

    .swiper-container4 {
        margin-top: 30px;
    }

    .header_wap .logo img {
        height: auto;
        width: 80%;
        margin-top: 10px;
    }

    .title-style1 span {
        margin-top: 10px;
        font-size: 24px;
    }

    .title-style1 div {
        margin-top: 10px;
    }

    .sec-title {
        font-size: 24px;
    }

    .about-top-right ul li {
        margin-top: 30px;
    }

    .product-sm-nav {
        margin: auto;
    }

    .product-nav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        float: none;
    }

    .product-nav .product-sm-nav:first-child {
        margin-top: 0;
    }

    .solution-bottom .top a {
        padding: 20px 0;
    }

    .case-swiper-boxc {
        padding: 20px 30px;
    }


}

@media (max-width: 768px) {
    .global, .jp-case, .in-contact, .join, .in-news, .news-show, .in-product, .pro-show, .in-solution, .video {
        padding: 60px 0;
    }

    .solution-title {
        margin-bottom: 25px;
    }

    .cp-img {
        margin-bottom: 25px;
    }

    .solution-show .container {
        padding: 60px 15px;
    }

    .solution-main > div {
        margin-bottom: 50px;
    }

    .pro-showmain {
        padding: 30px;
    }

    .news-showmain {
        padding-bottom: 0;
    }

    .join-title {
        margin-bottom: 25px;
    }

    .join-title p:nth-child(2) {
        line-height: 1;
    }

    .join-text {
        padding: 25px;
    }

    .linian div i {
        font-size: 50px;
    }

    .swiper-honor .swiper-slide {
        min-height: 210px;
    }

    .linian {
        margin-bottom: 60px;
        margin-top: -60px;
        padding: 25px 0;
    }

    .honor, .in-about {
        padding: 45px 0;
    }

    .about-title p:nth-child(2) {
        font-size: 24px;
    }

    .swiper-container5 .swiper-num {
        margin-left: 25px;
    }

    .mobile-solution-bottom {
        display: none;
    }

    .swiper-container5 .swiper-num {
        font-size: 14px;
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 9999;
    }

    .swiper-num .active {
        font-size: 20px;
    }

    .news .news-left, .news .news-right {
        margin-top: 10px;
    }

}

@media (max-width: 767px) {
    .swiper-container1{
        height: 300px!important;
    }
    .global, .jp-case, .in-contact, .join, .in-news, .news-show, .in-product, .pro-show, .video {
        padding: 45px 0;
    }

    .solution-title p {
        margin-bottom: 10px;
    }

    .video-div {
        width: calc((100% - 15px) / 2);
    }

    .video-div:nth-child(3) {
        margin-right: 15px;
    }

    .video-div:nth-child(2n) {
        margin-right: 0;
    }

    .solution-show .container {
        padding: 45px 15px;
    }

    .solution-main {
        display: flex;
        flex-wrap: wrap;
    }

    .solution-main > div .left {
        width: 100%;
    }

    .solution-main > div:nth-child(2n) {
        margin-right: 0;
    }

    .solution-main > div {
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .solution-main > div .right p:nth-child(2) {
        font-size: 18px;
    }

    .solution-main > div .right p:after {
        font-size: 40px !important;
    }

    .solution-main > div .right {
        width: 100%;
        padding: 0 !important;
        margin-top: 25px;
    }

    .pro-main div {
        width: 50%;
        padding: 25px 0;
    }

    .pro-main div p:nth-child(2) {
        font-size: 16px;
    }

    .pro-main div p:nth-child(3) {
        font-size: 12px;
    }

    .pro-main div:nth-child(2) ~ div {
        border-top: 1px solid #e9e9e9;
    }

    .pro-main div:nth-child(2n):after {
        display: none;
    }

    .pro-main div:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: calc(100% - 120px);
        background: #e9e9e9;
        display: block;
        transform: translateY(-50%);
    }

    .pro-main div:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: calc(100% - 120px);
        background: #e9e9e9;
        display: block;
        transform: translateY(-50%);
    }

    .pro-tab {
        flex-wrap: wrap;
        justify-content: left;
        padding-bottom: 10px;
    }

    .pro-tab a {
        margin-bottom: 15px;
        margin-right: 20px;
    }

    .news-div .right p:nth-child(3) {
        border-bottom: 1px solid #de0214;
    }

    .news-div {
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 25px;
    }

    .news-div .right {
        padding-left: 0;
        margin-top: 25px;
    }

    .news-div .left, .news-div .right {
        width: 100%;
    }

    .join-title p:nth-child(2) {
        font-size: 24px;
    }

    .join-div > div:nth-child(1) {
        padding: 15px;
    }

    .contact-div {
        padding-top: 15px;
    }

    .contact-info {
        padding: 25px;
        margin-bottom: 25px;
    }

    .global .right div:nth-child(9) img {
        position: absolute;
        top: 30px;
        left: 11px;
    }

    .global .right div:nth-child(7) img {
        position: absolute;
        bottom: -44px;
        left: -25px;
    }

    .jp-caseanli > a:nth-child(2n) {
        margin-right: 0;
    }

    .jp-caseanli > a {
        width: calc((100% - 15px) / 2);
        margin-bottom: 15px;
    }

    #ad2:after {
        font-size: 34px;
    }

    .global .container .left > div p:nth-child(1) {
        font-size: 34px;
        margin-bottom: 15px;
    }

    .global .container .left > p:nth-child(1) {
        font-size: 24px;
    }

    .honor-tab3 div div span:nth-child(1) {
        font-size: 24px;
    }

    .honor-tab2 div p:nth-child(1) {
        font-size: 24px;
    }

    .honor-tab2 div p:nth-child(2) {
        font-size: 14px;
        line-height: 25px;
    }

    .honor-tab2 div {
        margin-right: 20px;
    }

    .in-about2 .container > p:nth-child(3) {
        font-size: 14px;
        line-height: 25px;
    }

    .in-about2 .container > p:nth-child(2) {
        font-size: 18px;
        line-height: 25px;
    }

    .in-banner .container p:nth-child(1) {
        font-size: 24px;
    }

    .in-banner .container span {
        display: none;
    }

    .in-banner .container {
        width: 100%;
    }

    .news-right {
        margin-top: 25px !important;
    }

    .news-left {
        margin-top: 0 !important;
    }

    .case {
        margin-top: 0;
    }

    .i3 .bg {
        height: 650px;
    }

    .product-sm-box {
        flex-wrap: wrap;
    }

    .product-sm-box img {
        float: none;
        display: block;
        width: 100%;
        margin: 25px auto;
    }

    .product-sm-nav {
        min-height: 150px;
    }

    .title-style1 span {
        font-size: 24px;
    }

    .about-top-left .content p {
        max-width: 100%;
        font-size: 14px;
    }

    .sec-title {
        font-size: 20px;
    }

    .button {
        width: auto;
    }

    .button i {
        margin-left: 85px;
    }

    .about-top-right {
        display: none;
    }

    /* .about-top-right-mobile {
         display: block;
         margin-top: 30px;
     }*/
    .about-top-right-mobile ul li p {
        margin-top: 10px !important;
        color: rgba(255, 255, 255, .8) !important;
        font-size: 16px !important;
        line-height: 16px !important;
    }

    .about-top-right-mobile ul li {
        margin-top: 20px;
    }

    .about-top-left {
        padding-top: 50px;
    }

    .about-bottom .swiper-container2 .swiper-slide div {
        padding: 40px 0 0 20px;
    }

    .title-style2 div {
        float: none;
    }

    .title-style2 div:nth-child(2) {
        margin-left: 0;
        margin-top: 30px;
        width: 50px;
        height: 1px;
        float: none;
    }

    .title-style2 p:last-child {
        margin-left: 0;
        max-width: 100%;
        margin-top: 20px;
    }


    .product-box {
        width: 100%;
        margin-top: 20px;
    }


    .product-sm-box .content {
        margin-left: 0;
        width: 100%;
    }

    .product-sm-box .content a {
        margin-top: 30px;
    }

    .solution {
        margin-top: 50px;
    }

    .solution .solution-content {
        top: 30px;
    }

    .mobile-solution-bottom {
        padding: 10px;
    }

    .mobile-solution-bottom .top a {
        padding: 20px 0;
    }

    .case .about-top-left {
        width: 100%
    }

    .case-top-right {
        width: 100%
    }

    .case-top {
        flex-direction: column;
    }

    .case-top-right .content {
        margin-top: 30px;
    }

    .case-top-right .content .positioning img {
        transform: scale(.6);
    }

    .swiper-container3 .case-swiper-boxc .text span {
        font-size: 24px;
    }

    .swiper-container3 .case-swiper-boxc .text {
        margin-top: 20px;
    }

    .swiper-container3 .case-swiper-boxc .text p {
        margin-top: 15px;
    }

    .news {
        margin-top: 50px;
        padding-bottom: 50px;
    }

    .news .about-top-left {
        padding-top: 25px;
    }

    .swiper-container5 .swiper-slide img {
        max-width: none;
        width: 100%;
    }

    .swiper-container5 .swiper-slide {
        width: 100% !important;
    }

    .swiper-container5 .swiper-num {
        margin-left: 15px;
    }

    .swiper-container4 .swiper-slide {
        padding-right: 0px;
    }

    .mobile-foot-box .pc {
        display: none;
    }

    .mobile-foot-box .mobile {
        display: block;
    }

    .mobile-foot-box p {
        font-size: 14px;
    }

    .mobile-foot-box p:nth-child(2) {
        margin-top: 0;
    }

    .about-bottom .swiper-button-prev2, .about-bottom .swiper-button-next2 {
        width: 24px;
        height: 24px;
        bottom: auto;
        top: 50px;
    }

    .about-bottom .swiper-button-next2:after, .about-bottom .swiper-button-prev2:after {
        font-size: 12px;
    }

    .about-bottom .swiper-button-prev2 {
        right: 60px;
    }

    .about-bottom .swiper-container2 .swiper-slide div span {
        color: #666666;
    }

    .about-bottom .swiper-container2 .swiper-slide div p {
        color: #666666;
    }

    .about-bottom .swiper-container2 .swiper-slide div {
        padding: 15px;
        position: relative;
        background-color: #f9f9f9;
        z-index: -1;
    }

    .about-bottom .swiper-container2 .swiper-slide div p:nth-child(2) {
        margin-top: 10px;
    }

    .title-style2 div:first-child span {
        margin-top: 10px;
    }

    .title-style2 div:nth-child(2) {
        margin-top: 10px;
    }

    .title-style2 p:last-child {
        font-size: 14px;
    }

    .product-sm-box .content span:first-child {
        font-size: 20px;
    }

    .product-sm-box .content span:nth-child(2) {
        margin-top: 10px;
    }

    .product-sm-box .content p {
        margin-top: 10px;
        width: 100%;
        max-width: 100%
    }

    .about-top-left .content {
        margin-top: 20px;
    }

    .about-top-left .content p {
        margin-top: 10px;
    }

    .swiper-container3 .case-swiper-boxc .play {
        width: 50px;
        height: 50px;
    }

    .swiper-container3 .case-swiper-boxc .play .second-floor {
        width: 40px;
        height: 40px;
    }

    .swiper-container3 .case-swiper-boxc .play .third-layer {
        width: 30px;
        height: 30px;
    }

    .swiper-container3 .case-swiper-boxc .play .third-layer i {
        font-size: 14px;
        margin-left: 2px;
    }

    .swiper-container3 .case-swiper-boxc .text {
        padding: 0 15px;
    }

    .swiper-container4 .swiper-slide span {
        font-size: 20px;
    }

    .swiper-container4 .swiper-slide p:nth-child(3) {
        margin-top: 10px;
    }

    .solution-bottom {
        display: none;
    }

    .mobile-solution-bottom .top a {
        padding: 0px 0 20px 0;
    }

    .mobile-solution-bottom {
        margin-top: 20px;
    }

    .mobile-solution-bottom .top a p {
        margin-top: 0;
        font-size: 14px;
    }

    .mobile-solution-bottom .top a i {
        font-size: 24px;
    }

    .about-top-left .content a {
        margin-top: 30px;
    }

    .news .news-left, .news .news-right {
        margin-top: 10px;
    }

    .swiper-container5 .swiper-num {
        font-size: 14px;
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 9999;
    }

    .swiper-num .active {
        font-size: 20px;
    }

    .mobile-solution-bottom {
        display: block;
    }

    .swiper-button-next3, .swiper-button-prev3 {
        display: block;
        left: auto;
        right: auto;
        top: auto;
        bottom: 0;
        width: 42px;
        height: 42px;
        outline: none;
        opacity: 1 !important;
        border-radius: 100%;
        border: 1px solid #9d9d9d;
        background: none;
        transition: .3s;
    }

    .swiper-button-next3 {
        left: calc(50% + 8px);
    }

    .swiper-button-prev3 {
        left: calc(50% - 50px);
    }

    .case-swiper {
        padding-bottom: 45px;
        position: relative;
    }

    .swiper-button-prev3:after {
        content: '\e617';
        font-size: 27px;
        color: #9d9d9d;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .3s;
    }

    .swiper-button-next3:after {
        content: '\e616';
        font-size: 27px;
        color: #9d9d9d;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .3s;
    }

    .product-sm-nav img {
        width: 70%;
    }

}

@media (max-width: 500px) {
    .houjia div img {
        width: 100%;
    }
}

@media (max-width: 414px) {
    .global, .jp-case, .in-contact, .join, .in-news, .news-show, .in-product, .pro-show, .in-solution, .video {
        padding: 25px 0;
    }

    .i3 .bg:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 100px;
        width: 100%;
        display: block;
        background: #fff;
    }

    .video-fanye {
        margin-top: 0;
    }

    .solution-show .container {
        padding: 25px 15px;
    }

    .fa-main {
        margin-bottom: 25px;
    }

    .page {
        padding-top: 15px;
    }

    .solution-main > div .right p:nth-child(3) {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 25px;
    }

    .solution-main > div .right i {
        font-size: 30px;
    }

    .solution-main > div .right {
        margin-top: 15px;
    }

    .solution-main > div .right a {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .solution-main > div:hover .right a {
        padding-left: 25px;
    }

    .pro-showmain {
        padding: 15px;
    }

    .pro-div2 {
        margin-top: 15px;
    }

    .pro-showtitle {
        margin-bottom: 15px;
    }

    .pro-div p {
        font-size: 14px;
    }

    .pro-showtitle ~ p {
        line-height: 25px;
    }

    .product-page {
        padding-top: 25px;
    }

    .pro-main div {
        padding: 15px 0;
    }

    .pro-main div a {
        margin-bottom: 25px;
    }

    .news-showtitle p:nth-child(1), .xg-title p:nth-child(2) {
        font-size: 20px;
    }

    .page a:nth-child(2) {
        padding: 0 15px;
    }

    .xg-div {
        margin-top: 25px;
    }

    .xg-div div a p:nth-child(2) {
        font-size: 14px;
    }

    .xg-div div {
        width: 100%;
        margin-bottom: 15px;
    }

    .xg-title p:nth-child(1) {
        font-size: 14px;
        line-height: 1;
    }

    .news-page {
        padding-top: 15px;
        margin-bottom: 15px;
    }

    .news-showtitle {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .news-showmain p {
        font-size: 14px;
        line-height: 28px;
    }

    .news-div .right p:nth-child(1) {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 15px;
    }

    .join-div > div:nth-child(1) span {
        font-size: 12px;
    }

    .join-text ul li:first-child {
        font-size: 18px;
        line-height: 30px;
    }

    .email {
        margin-top: 15px;
        padding-top: 25px;
    }


    .join-div.active > div:nth-child(1) {
        font-size: 14px;
    }

    .fuli {
        flex-wrap: wrap;
    }

    .fuli-div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .join-title p:nth-child(2) {
        font-size: 20px;
    }

    .join-title p:nth-child(1) {
        font-size: 12px;
        line-height: 20px;
    }

    .contact-info > p:nth-child(2) {
        font-size: 12px;
    }

    .contact-info > p:nth-child(1) {
        font-size: 20px;
    }

    .jp-case .container > p {
        margin-bottom: 25px;
        font-size: 20px;
    }

    .global .container .left > div:nth-child(3) {
        margin-right: 50px;
    }

    .honor-tab {
        margin-bottom: 25px;
    }

    .mobile-foot-box ul li a i {
        font-size: 16px;
    }

    .mobile-foot-box {
        padding: 15px;
    }

    .swiper-honor .swiper-slide p {
        font-size: 14px;
        margin-top: 10px;
        line-height: 1;
    }

    .swiper-honor .swiper-slide {
        min-height: 100px;
        padding: 0 15px !important;
    }

    .in-about2 {
        padding-bottom: 50px;
        margin-top: 50px;
    }

    .linian div:nth-child(3) {
        margin-bottom: 0;
    }

    .linian div:nth-child(2) {
        border: none;
    }

    .linian div > p:nth-child(2) {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .linian div i {
        font-size: 34px;
    }

    .linian {
        flex-wrap: wrap;
        padding: 25px 60px;
        margin-bottom: 50px;
    }

    .linian div {
        width: 100%;
        margin-bottom: 25px;
    }

    .about-title p:nth-child(2) {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .about-title p:nth-child(1) {
        font-size: 14px;
        line-height: 25px;
    }

    .honor, .in-about {
        padding: 25px 0;
    }

    .in-about .container .left img {
        width: 100%;
    }

    .in-banner {
        min-height: 150px;
        background-size: cover;
        background-position: center;
    }

    .in-banner div:nth-child(1) {
        display: none;
    }

    .linian div > p:nth-child(3) {
        font-size: 12px;
        line-height: 24px;
    }

    .linian div {
        padding: 0;
    }

    .about-top-right-mobile ul li .sec, .title-style2 div:first-child p {
        font-size: 14px;
    }

    .about-top-right-mobile ul li div {
        font-size: 24px;
    }

    .about-top-left {
        padding-top: 25px;
    }

    .title-style1 p {
        font-size: 14px;
    }

    .title-style1 span, .title-style2 div:first-child span {
        font-size: 20px;
    }

    .sec-title {
        font-size: 18px;
    }

    .about-top-left .content a {
        display: none;
    }

    .about-bottom {
        margin-top: 25px;
    }

    .about-bottom .swiper-container2 .swiper-slide div span {
        font-size: 18px;
    }

    .about-bottom .swiper-container2 .swiper-slide div p {
        font-size: 14px;
        margin-top: 10px;
    }

    .product {
        margin-top: 25px;
    }

    .title-style2 p:last-child {
        line-height: 25px;
    }

    .product-nav > div {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
    }

    .product-nav > div:nth-child(3) {
        margin-right: 0;
    }

    .product-sm-nav {
        min-height: 80px;
        height: auto;
    }

    .button i {
        margin-left: 25px;
    }

    .product-sm-box .content p {
        font-size: 14px;
        line-height: 25px;
    }

    .solution, .case .about-top-left {
        margin-top: 25px;
    }

    .swiper-container3 .case-swiper-boxc .text span {
        font-size: 20px;
    }

    .about-vertical-bar {
        display: none;
    }
}